<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="./css/api.css" />
    <link rel="stylesheet" type="text/css" href="./css/amazeui.min.css" />
    <style type="text/css">
    html,body{
        height: 100%;
    }
    #wrap{
        height: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-flex-flow: column;
    }
    #header{
        text-align: center; 
		background-color: #81a9c3; 
		color: #fff;
        width: 100%;
    }
    #header h1{
        font-size: 20px; 
		height: 44px; 
		line-height: 44px; 
		margin: 0em; 
		color: #fff;
    }
    #main{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
    }
    #footer{
        height: 30px; 
		line-height: 30px;
        background-color: #81a9c3; 
        width: 100%;
        text-align: center;
    }
    #footer h5{
        color: white;
    }
    .con{
		font-size: 28px; 
		text-align: center;
	}
    </style>
</head>
<body>
    <div id="wrap">
<!--         <div id="header">
            <h1>APICloud</h1>
        </div> -->
        <div id="main">
                
        </div>
<!--         <div id="footer">
            <h5>Copyright &copy;<span id="year"></span> </h5>
        </div> -->
    </div>
</body>
<script src="./script/init.js"></script>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript">
    apiready = function(){
		// //输出Log，Log将显示在APICloud Studio控制台
		// console.log("Hello APICloud");

  //       var header = $api.byId('header');
  //       //适配iOS7+，Android4.4+状态栏沉浸式效果，详见config文档statusBarAppearance字段
  //       $api.fixStatusBar(header);
		// //动态计算header的高度，因iOS7+和Android4.4+上支持沉浸式效果，
		// //因此header的实际高度可能为css样式中声明的44px加上设备状态栏高度
		// //其中，IOS状态栏高度为20px，Android为25px
  //       var headerH = $api.offset(header).h;
		// //footer高度为css样式中声明的30px
		// var footerH = 30;
		// //frame的高度为当前window高度减去header和footer的高度
		// var frameH = api.winHeight - headerH;

        $api.getUserInf(function(user){
            if(user){
                $api.do_post('/api/commuser/info',{
                    body:$api.jsonToStr({
                        id:user._id
                    })
                },function(ret){
                    $api.setUserInf(ret.entity);
                });
                
            }
        });

        api.openFrame({
            name: 'main',
            url: 'html/home.html',
            bounces: true,
            rect: {
                x: 0,
                y: 0,
                w: 'auto',
                h: api.winHeight
            }
        });

        // var year = $api.byId('year');
        // year.innerHTML = new Date().getFullYear();


        //var serverUrl = "http://192.168.0.128:7081";
         var serverUrl = "http://comm.72gs.net";

        $api.setStorage('serviceUrl', serverUrl);
        api.setPrefs({
            key: 'serverUrl',
            value:serverUrl

        });


        //设置推送
        var push = api.require('push');
        push.setListener(function( ret, err ){
             if( ret ){

             }else{
                console.error("推送监听失败")
             }
        });


        //初始化极光推送
    function initPush() {
        var ajpush = api.require('ajpush');

        if (api.systemType == 'android') {
            ajpush.init(function(ret) {

            });
        }

        var param = {
            alias: 'myiPhone'
        };
        ajpush.bindAliasAndTags(param, function(ret) {
            var statusCode = ret.statusCode;
            alert(statusCode);
        });

        //android
        api.addEventListener({
            name: 'appintent'
        }, function(ret, err) {
            if (ret && ret.appParam.ajpush) {
                //          alert('通知被点击，收到数据：\n' + JSON.stringify(ret));

                var content = ret.appParam.ajpush.content;
                var extra = ret.appParam.ajpush.extra;

                handlePush(JSON.stringify(extra), content);
            }
        });

        //ios
        api.addEventListener({
            name: 'noticeclicked'
        }, function(ret, err) {
            if (ret && ret.value) {
                //          alert('noticeclicked：\n' + JSON.stringify(ret));

                var content = ret.value.content;
                var extra = ret.value.extra;

                handlePush(JSON.stringify(extra), content);
            }
        });

        //ios、android
        ajpush.setListener(function(ret) {
            if (ret) {
                //          alert('前端收到消息：\n' + JSON.stringify(ret));

                var content = ret.content;
                var extra = ret.extra;

                handlePush(JSON.stringify(extra), content);
            }
        });
    }

    //推送处理
    function handlePush(extra, content){
        
        //android特殊处理
        if(api.systemType == 'android'){
            //去\号
            extra = extra.replace(/\\/g, "");
            //去首尾"
            extra = extra.substr(1, extra.length-2);
        }
        //string转obj
        var obj = JSON.parse(extra);
        var type = obj.type;
        var value = obj.value;
        
        // if('通知'==type){
        //     handleNotice(content);
        // }else if('网页'==type){
        //     handleWeb(value, content);
        // }else if('商品'==type){
        //     handleProduct(value, content);
        // }else if('商品列表'==type){
        //     handleProductList(value, content);
        // }else if('更新'==type){
        //     handleUpdate(content);
        // }

        if('更新'==type){
            handleUpdate(content);
        }
    }

    function handleUpdate(content) {
        api.confirm({
            title: '您有一条新的消息',
            msg: content,
            buttons: ['马上更新', '下次再说']
        }, function(ret, err) {
            if (ret.buttonIndex == 1) {
                var url = '';

                if (api.systemType == 'android') {
                    url = 'http://comm.72gs.net/upload/72gs.apk';
                } else {
                    url = 'https://itunes.apple.com/us/app/72gong-she/id1021506538?l=zh&ls=1&mt=8';
                }

                api.openWin({
                    name: 'webpage',
                    url: 'html/web/openWebPage.html',
                    pageParam: {
                        'title': '版本更新',
                        'url': url
                    },
                    opaque: true,
                    vScrollBarEnabled: false
                });
            }
        });
    }



}; //api ready结束
</script>

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="./script/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="./script/amazeui.min.js"></script>
</html>